@import "functions";
@import "colors/scss/variables";
// ↳ https: //github.com/Esri/calcite-colors.git

//  Main Colors Vars
$text_color: $Calcite_Gray_700 !default;
$header_color: $Calcite_Gray_600 !default;
$background_color: $Calcite_Gray_050 !default;
$anchor_color: $Calcite_Gray_550 !default;
$interactive_text_color: $Calcite_Gray_550 !default;

// Inverse
$interactive_text_color--inverse: $Calcite_Gray_050 !default;
$background_inverse_color: $Calcite_Gray_650 !default;
$border_inverse_color: rgba($interactive_text_color--inverse, 0.25) !default;

// Hover
$interactive_text_color--hover: offset-foreground-color($interactive_text_color, 25%) !default;
$anchor_hover_color: offset-foreground-color($anchor_color, 25%) !default;
$background_hover_color: offset-background-color($background_color, 6%) !default;

// Active
$background_active_color: offset-background-color($background_color, 7%) !default;
$active_text_color: offset-background-color($text_color, 10%) !default;
$background_active_reverse_color: offset-background-color($background_inverse_color, 10%) !default;
$active_text_reverse_color: offset-background-color($interactive_text_color--inverse, 10%) !default;

// Selected
$selected_border_color: $Calcite_Highlight_Blue_350 !default;
$selected_background_color: $Calcite_Highlight_Blue_100 !default;

// Offset
$text_offset_color: offset-foreground-color($text_color, 25%);
$background_offset_color: offset-background-color($background_color, 4%);

// Fade
$text_fade_color: fade-foreground-color($text_color, 3%);

// Buttons
$button_color: $Calcite_Highlight_Blue_350 !default;
$button_color--hover: darken($button_color, 10%) !default;
$button_color--inverse: $interactive_text_color--inverse !default;

// Other
$bacground_overlay_color: rgba(0, 0, 0, 0.8) !default;
$disabled_opacity: 0.4 !default;
$disabled_color: rgba($interactive_text_color, $disabled_opacity) !default;
$placeholder_color: rgba($text_color, $disabled_opacity) !default;
$border_color: rgba($text_color, 0.25) !default;
$list_header_color: offset-background-color($background_color, 5%) !default;
$page_menu_background_color: $background_inverse_color !default;
$focus_outline_color: $Calcite_Highlight_Blue_250 !default;

$error_text_color: $Calcite_Red_a250 !default;
